<?= HTML::anchor( URL::site('gallery/edit'), 'Add image') ?>
<br />

<?=
	 HTML::style('media/css/lightbox.css')
	.HTML::script('media/js/lightbox.js')
	
	// создаёт событие когда все изображения загружены
	.HTML::script('media/js/jquery.imagesloaded.js')
	
	.HTML::script('media/js/main.ajax.js')
?>

<script>
	var page_all = <?php echo $page_all; ?>;
	var page_prev = <?php echo $page_prev; ?>;
	var page_next = <?php echo $page_next; ?>;
	// количество полученных изображений
	var count_img_load = 0;
</script>

<hr />
	
<div id="wrapper-gallery" >
	
	<div id="div-gallery" class="slide">
		<ul class="inner" >
		<?
			$i=0;
			foreach($page_img as $img){
				echo '<li>'
				.HTML::anchor(
					'', 
					HTML::image('', array( 'id' => 'img-'.$i)),
					array('id' => 'a-'.$i ,'rel'=>'lightbox[one-gallery]',))
				.'</li>';
				$i++;
			}
		?>
	    </ul>
	</div>
	
	<div id="div-preloader">
		<?= HTML::image('/media/img/preloader.gif') ?>
	</div>
		
	<div class="prev_next_button" style="display: none;">
		<button id="b-prev" class="prev" style="display: none;">Previous</button>
		<button id="b-next" class="next" style="display: none;">Next</button>
	</div>
</div>

<hr />
